<template>
  <div class="mine">
    <el-descriptions title="个人中心" direction="vertical" :column="4" border>
      <el-descriptions-item label="用户昵称">{{
        inf.nickname
      }}</el-descriptions-item>
      <el-descriptions-item label="用户名">{{
        inf.username
      }}</el-descriptions-item>
      <el-descriptions-item label="会员等级" :span="2">{{
        inf.vipStamp
      }}</el-descriptions-item>
      <el-descriptions-item label="unid">
        <el-tag size="small">{{ inf.unid }}</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="联系地址">{{
        inf._id
      }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>
<script>
export default {
  data() {
    return {
      inf: "",
    };
  },
  created() {
    let info = localStorage.getItem("qf-userInfo");
    this.inf = JSON.parse(info);
    console.log(this.inf);
  },
};
</script>
